<style>
div.overflow {
	width:200px;
	overflow:hidden;
	height:20px;
}
div.overflow:hover {
	overflow:inherit;
	width:550px;
}
div.ellipsis
{
	width: 14em; 
	height: 1.6em; 
	overflow: hidden; 
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	
}
div.ellipsis:hover
{
	-webkit-text-overflow: inherit;
	-o-text-overflow: inherit;
	-moz-text-overflow: inherit;
	text-overflow: inherit;
	overflow: inherit;
	
}
</style>
<div class="overflow"> 
    <span>CSS2: Met een lange zin zoals deze is het makkelijk om text-overflow te gebruiken.</span>
</div> 
<br /><br />
<div class="ellipsis">
	<nobr>CSS3: Met een lange zin zoals deze is het makkelijk om text-overflow te gebruiken.</nobr>
</div>
